<template>
	<view class="cu-card course-panel text-black" @click="courserouter">
		<view class="cu-item shadow padding-sm" :class="allShadow?'allShadow':''">
			<view class="course-img margin-top-xs">
				<view class="bg-img radius margin-bottom-xs" style="background-image: url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg);"></view>
				<text class="student-num block text-center"><text class="text-red">1</text>/8</text>
			</view>
			<view class="course-info margin-lr-sm flex-sub">
				<text class="text-lg text-bold">塑形基础</text>
				<view class="course-time text-sm margin-tb-xs">
					<text class="text-red margin-right-sm">12：00 ~ 13:00</text>
					<text>阿玉</text>
				</view>
				<view class="tags">
					<view class='cu-tag sm radius line-grey margin-bottom-xs'>健身基础动作细致教学</view>
					<view class='cu-tag sm radius line-grey margin-bottom-xs'>新会员必选</view>
				</view>
			</view>
			<view class="handle self-center">
				<button class="cu-btn sm" :class="!status?'lines-red':'lines-orange'">{{status?'去上课':'一起练'}}</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["status", "allShadow"],
		data() {
			return {
				
			};
		},
		methods: {
			courserouter() {
				uni.navigateTo({
					url: "/pages/course/index"
				})
			}
		}
	}
</script>

<style lang="scss">
.course-panel {
	.cu-item{
		display: flex;
		// margin: 10upx 30upx;
	}
	.allShadow{
		box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2),-4upx -4upx 6upx rgba(114, 130, 138, 0.2);
	}
	.bg-img{
		width: 120upx;
		height: 120upx;
	}
	.handle{
		width: 120upx;
		text-align: right;
	}
}
</style>
